<template>
  <div>
    <MyHeader v-bind="person" />
    <hr />
    <p>这是加2</p>
    <MyCount :num="2" />
    <hr />
    <p>这是加3</p>
    <MyCount :num="3" />
  </div>
</template>

<script>
import MyHeader from "./components/MyHeader";
import MyCount from "./components/MyCount";
export default {
  name: "App",
  data() {
    return {
      person: {
        name: "老王",
        age: "10",
        sex: "男",
      },
    };
  },
  components: {
    MyHeader,
    MyCount,
  },
};
</script>

<style scoped>
</style>
